*{
	margin: 0;
	padding: 0;
}
header{
	width: 100%;
	height: 100%;
	background: #FDABAB;
	animation: hu 0.2s infinite;
}
@keyframes hu{
	0%{
		background: #FDABAB;
	}
	25{
		background: yellow;
	}
	50%{
		background: green;
	}
	75%{
		background: aqua;
	}
	100%{
		background: #FDABAB;
	}
}
.container{
	width: 1140px;
	margin: 0 auto;
}
a{
	text-decoration: none;
	font-family: "楷体";
	/*-webkit-text-stroke: 1px yellow;*/
	
}
.c{
	position: fixed;
	color: tomato;
	font-size: 120px;
	left: 10px;
	top: 150px;
}
.d{
	position: fixed;
	color: tomato;
	font-size: 120px;
	left: 10px;
	bottom: 150px;
}

.e{
	position: fixed;
	right: 10px;
	top: 20px;
	color: tomato;
	font-size: 120px;
}
.f{
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	position: fixed;
	color: tomato;
	font-size: 120px;
}
.g{
	right: 10px;
	bottom: 20px;
	position: fixed;
	color: tomato;
	font-size: 120px;
}
.q1 a{
	font-size: 20px;
	color: #000 ;
}
.q2 a{
	font-size: 22px;
	color: #111;
}
.q3 a{
	font-size: 24px;
	color: #222;
}
.q4 a{
	font-size: 26px;
	color: #333;
}
.q5 a{
	font-size: 28px;
	color: #444;
}
.q6 a{
	font-size: 30px;
	color: #555;
}.q7 a{
	font-size: 32px;
	color: #666;
}.q8 a{
	font-size: 34px;
	color: #777;
}.q9 a{
	font-size: 36px;
	color: #888;
}.q10 a{
	font-size: 38px;
	color: #999;
}.q11 a{
	font-size: 40px;
	color: #aaa;
}.q12 a{
	font-size: 42px;
	color: #bbb;
}.q13 a{
	font-size: 44px;
	color: #ccc;
}.q14 a{
	font-size: 46px;
	color: #ddd;
}.q15 a{
	font-size: 48px;
	color: #eee;
}.q16 a{
	font-size: 50px;
	color: #fff;
}